<template>
	<view>
		<view class="content margin-bottom-xs" v-for="(item,index) in datas" :key="index">
			<image class="image_180" :src="item.image" mode="aspectFill"></image>
			<view class="desc">
				<view class="flex">
					<view class="flex-treble">
						<view class="text-title text-size-30 text-black">{{item.name}}</view>
				
					</view>
					
				</view>
				<view class="flex justify-between margin-top">
					<view class="text-size-32 text-blod text-red ">
						￥123
					</view>
					<view>
						<text class="cuIcon-cart text-gray-dark size-36"></text>
						<text class="text-size-28 text-gray-dark margin-left-sm">找相似</text>
					</view>
					
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		props: {
			datas: Array
		},
		created() {

		},
		watch: {

		},
		methods: {
			onClick(e) {
				let index = e.currentTarget.dataset.index;
				this.$emit("onchange", index);
			}

		}
	}
</script>

<style>
	.teacher-box {
		background-color: #FFFFFF;
		box-shadow: 0upx 0upx 10upx rgba(21, 22, 23, 0.24);
	}

	.title-text {
		font-size: 30upx;
		font-weight: bold;
	}
</style>
